<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{{.sysname}}-跳转提示</title>
     <style type="text/css">
        *{ padding: 0; margin: 0; }
        body{ background: #fff; font-family: '微软雅黑'; color: #333; font-size: 16px; }
        .system-message{ width:600px;height:220px; margin:auto;border:3px solid #999;text-align:center; position:relative;top:50px; }
        .system-message legend{font-size:24px;font-weight:bold;color:#999;margin:auto;width:110px;}
        .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .system-message .jump{ padding-right:10px;height:25px;line-height:25px;font-size:14px;position:absolute;bottom:0px;left:0px;background-color:#e6e6e1 ; display:block;width:590px;text-align:right;}
        .system-message .jump a{ color: #999;}
        .system-message .success,.system-message .error{ line-height: 60px; font-size: 15px; }
        .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none}
        .icon-shibai{float: left;font-size: 36px;color: #F5222D;}
        .icon-chenggong{float: left;font-size: 36px;color: #52C41A;}
    </style>
</head>
<body>
<fieldset class="system-message">
    <legend>{{.res.title}}</legend>
    <div style="text-align:left;padding-left:10px;height:60px;width:490px;  ">

        {{if .res.type}}
            <p class="success"><i class="iconfont icon_border icon-chenggong"></i><span style="margin-left:10px;">{{.res.msg}}</span></p>
        {{else}}
            <p class="error"><i class="iconfont icon_border icon-shibai"></i><span style="margin-left:10px;">{{.res.msg}}</span></p>
        {{end}}
        <p class="detail"></p>

    </div>
    <p class="jump">
        页面自动 <a id="href" href="{{.res.url}}">跳转</a> 等待时间： <b id="wait">{{.res.wait}}</b>
    </p>
</fieldset>
<div id="myurl" style="display:none;">{{.res.url}}</div>
<script type="text/javascript">

    (function(){
        document.getElementById('href').href = document.getElementById('myurl').innerHTML;
        var wait = document.getElementById('wait'),href = document.getElementById('href').href;
        totaltime=parseInt(wait.innerHTML);
        var interval = setInterval(function(){
            var time = --totaltime;
            wait.innerHTML=""+time;
            if(time === 0) {
                location.href = href;
                //location.reload();
                clearInterval(interval);
            };
        }, 1000);
    })();

</script>
</body>
</html>